<template>
	<view class="space">
		<view class="space_img">
			<image src="../../../static/emtpy/empty_space.png" mode=""></image>
		</view>
		<view class="space_head">
			恭喜您，成功创建泡泡空间！
		</view>
		<view class="space_tips">
			每个泡泡空间都有自己的生命，值得主人的精心呵护
		</view>
		<view class="replay-btn">
			<button type="default" class="recharge_coin" @click="onGo">完成发布</button>
		</view>
	</view>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
@import url("../../../common/css/var.less");
.space {
	padding: 48rpx;
	text-align: center;
}
.space_img {
	width: 320rpx;
	height: 320rpx;
	margin: 0 auto;
	image {
		width: 100%;
		height: 100%;
	}
}
.space_head {
	font-size: 40rpx;
	color: @mText;
	padding-top: 48rpx;
}
.space_tips {
	padding-top: 32rpx;
	font-size: 32rpx;
	color: @tText;
}
.replay-btn {
	padding-top: 12rpx;
	background-color: #FFFFFF;
	.recharge_coin {
		line-height: 96rpx;
		background: @mColor !important;
		box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.06);
		border-radius: 48rpx;
		color: @mText;
		font-size: 36rpx;
	}
}
</style>
